<template>
  <back-btn></back-btn>
  <div id="app"></div>
</template>

<script lang="ts">
import { defineComponent, ref, isRef, reactive, isReactive, readonly, isReadonly, isProxy } from "vue";

export default defineComponent({
  setup() {
    const refData = ref("温情key");
    console.log(isRef(refData)); // true

    const reactiveData = reactive({ count: 0 });
    console.log(isReactive(reactiveData)); // true

    const readonlyData = readonly({ name: "key" });
    console.log(isReadonly(readonlyData)); // true

    console.log(isProxy(refData)); // false
    console.log(isProxy(reactiveData)); // true
    console.log(isProxy(readonlyData)); // true

    return {};
  },
});
</script>

<style scoped></style>
